{{ header }}
<div id="account-order" class="container">

    {% if success %}
        <div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }}
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    {% endif %}
    {% if error_warning %}
        <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    {% endif %}
    <div class="row">{{ column_left }}
        {% if column_left and column_right %}
            {% set class = 'col-sm-6' %}
        {% elseif column_left or column_right %}
            {% set class = 'col-sm-9' %}
        {% else %}
            {% set class = 'col-sm-12' %}
        {% endif %}
        <div id="content" class="col-sm-12">
            {#{{ content_top }}#}

            <div class="order-query-header">
                <i class="fa fa-angle-left"></i>
                訂單詳情
            </div>
            <div class="order-info-state">
                {{ statuszz.status }}
            </div>
            <div class="info-content">
                <div class="info-user">
                    <div class="info-user-name">{{ fullname }}<span>{{ telephone }}</span></div>
                    <div class="info-user-address">
                        <div><span>地址：</span>{{ shipping_addresshe }}</div>
                        <div><span>郵箱：</span>{{ email }}</div>
                    </div>
                </div>
                {% for product in products %}
                <div class="info-goods">
                    <div class="goods-img">
                        <img src="{{ product.image }}" alt="">
                    </div>
                    <div class="goods-info">
                        <div class="goods-name">{{ product.name }}</div>
                        <div class="goods-num">
						    {% if product.maxnum %}
                            <span class="pull-left">{{ product.maxnum }}</span>
							{% endif %}
                            <span class="pull-right">X{{ product.quantity }}</span>
                        </div>
                        <div class="goods-count">
                            合計：{{ product.total }}
                        </div>
                    </div>
                </div>
                {% endfor %}
                <div class="info-order">
                    <div class="info-order-number">
                        <span>訂單編號：</span>
                        #{{ order_id }}
                    </div>
                    <div class="info-order-way">
                        <span>付款方式：</span>
                        {{ '貨到付款' }}
                    </div>
                    <div class="info-order-btime">
                        <span>訂單時間：</span>
                        {{ date_added }}
                    </div>
                    <div class="info-order-stime">
                        <sapn>發貨時間：</sapn>
                       
                    </div>
                </div>
                <div class="info-money">
                    <div class="info-money-list">
                        <span>商品合計：</span>
                        <span>{{ totalszz.text }}</span>
                    </div>
                    <div class="info-money-list">
                        <span>運費：</span>
                        <span>{{ '0.00' }}</span>
                    </div>
                    <div class="info-money-list">
                        <span>實付：</span>
                        <span style="color: #fc4358">{{ totalszz.text }}</span>
                    </div>
                </div>
                <div class="info-service">
                    <div>7天鑒賞期</div>
                    <div>貨到付款</div>
                </div>
            </div>
            <div class="order-info-bottom">
                如有疑問，請聯繫客服
            </div>


            {#------------------------------------------------------#}
            {#<table class="table table-bordered table-hover">#}
                {#<thead>#}
                {#<tr>#}
                    {#<td class="text-left" colspan="2">{{ text_order_detail }}</td>#}
                {#</tr>#}
                {#</thead>#}
                {#<tbody>#}
                {#<tr>#}
                    {#<td class="text-left" style="width: 50%;">#}
                        {#{% if invoice_no %}#}
                            {#<b>{{ text_invoice_no }}</b>#}
                            {#{{ invoice_no }}#}
                            {#<br/>#}
                        {#{% endif %}#}
                        {#<b>{{ text_order_id }}</b>#}
                        {##{{ order_id }}#}
                        {#<br/>#}
                        {#<b>{{ text_date_added }}</b>#}
                        {#{{ date_added }}#}
                    {#</td>#}
                    {#<td class="text-left" style="width: 50%;">#}
                        {#{% if payment_method %}#}
                            {#<b>{{ text_payment_method }}</b>#}
                            {#{{ payment_method }}#}
                            {#<br/>#}
                        {#{% endif %}#}
                        {#{% if shipping_method %}#}
                            {#<b>{{ text_shipping_method }}</b>#}
                            {#{{ shipping_method }}#}
                        {#{% endif %}#}
                    {#</td>#}
                {#</tr>#}
                {#</tbody>#}
            {#</table>#}
            {#<table class="table table-bordered table-hover">#}
                {#<thead>#}
                {#<tr>#}
                    {#<td class="text-left" style="width: 50%; vertical-align: top;">{{ text_payment_address }}</td>#}
                    {#{% if shipping_address %}#}
                        {#<td class="text-left" style="width: 50%; vertical-align: top;">{{ text_shipping_address }}</td>#}
                    {#{% endif %} </tr>#}
                {#</thead>#}
                {#<tbody>#}
                {#<tr>#}
                    {#<td class="text-left">{{ payment_address }}</td>#}
                    {#{% if shipping_address %}#}
                        {#<td class="text-left">#}
                            {#地址#}
                            {#{{ shipping_address }}#}
                        {#</td>#}
                    {#{% endif %} </tr>#}
                {#</tbody>#}
            {#</table>#}
            {#<div class="table-responsive">#}
                {#<table class="table table-bordered table-hover">#}
                    {#<thead>#}
                    {#<tr>#}
                        {#<td class="text-left">{{ column_name }}</td>#}
                        {#<td class="text-left">{{ column_model }}</td>#}
                        {#<td class="text-right">{{ column_quantity }}</td>#}
                        {#<td class="text-right">{{ column_price }}</td>#}
                        {#<td class="text-right">{{ column_total }}</td>#}
                        {#{% if products %}#}
                            {#<td style="width: 20px;"></td>#}
                        {#{% endif %} </tr>#}
                    {#</thead>#}
                    {#<tbody>#}

                    {#{% for product in products %}#}
                        {#<tr>#}
                            {#<td class="text-left">{{ product.name }}#}
                                {#{% for option in product.option %} <br/>#}
                                    {#&nbsp;#}
                                    {#<small> - {{ option.name }}: {{ option.value }}</small> {% endfor %}</td>#}
                            {#<td class="text-left">{{ product.model }}</td>#}
                            {#<td class="text-right">{{ product.quantity }}</td>#}
                            {#<td class="text-right">{{ product.price }}</td>#}
                            {#<td class="text-right">{{ product.total }}</td>#}

                        {#</tr>#}
                    {#{% endfor %}#}
                    {#{% for voucher in vouchers %}#}
                        {#<tr>#}
                            {#<td class="text-left">{{ voucher.description }}</td>#}
                            {#<td class="text-left"></td>#}
                            {#<td class="text-right">1</td>#}
                            {#<td class="text-right">{{ voucher.amount }}</td>#}
                            {#<td class="text-right">{{ voucher.amount }}</td>#}
                            {#{% if products %}#}
                                {#<td></td>#}
                            {#{% endif %} </tr>#}
                    {#{% endfor %}#}
                    {#</tbody>#}

                    {#<tfoot>#}

                    {#{% for total in totals %}#}
                        {#<tr>#}
                            {#<td colspan="2"></td>#}
                            {#<td class="text-right"><b>{{ total.title }}</b></td>#}
                            {#<td class="text-right">{{ total.text }}</td>#}
                            {#{% if products %}#}
                                {#<td></td>#}
                            {#{% endif %} </tr>#}
                    {#{% endfor %}#}
                    {#</tfoot>#}

                {#</table>#}
            {#</div>#}
            {#<div class="text-right" style="white-space: nowrap;">#}
                {#{% if product.reorder %} #}
                {#<a href="{{ productseourl }}" data-toggle="tooltip" title="{{ button_reorder }}"#}
                   {#class="btn btn-primary">#}
                    {#<i class="fa fa-shopping-cart"></i>#}
                {#</a>#}
                {#{% endif %}#}
            {#</div>#}
            {#{% if comment %}#}
                {#<table class="table table-bordered table-hover">#}
                    {#<thead>#}
                    {#<tr>#}
                        {#<td class="text-left">{{ text_comment }}</td>#}
                    {#</tr>#}
                    {#</thead>#}
                    {#<tbody>#}
                    {#<tr>#}
                        {#<td class="text-left">{{ comment }}</td>#}
                    {#</tr>#}
                    {#</tbody>#}
                {#</table>#}
            {#{% endif %}#}
            {#{% if histories %}#}
                {#<h3>{{ text_history }}</h3>#}
                {#<table class="table table-bordered table-hover">#}
                    {#<thead>#}
                    {#<tr>#}
                        {#<td class="text-left">{{ column_date_added }}</td>#}
                        {#<td class="text-left">{{ column_status }}</td>#}
                        {#<td class="text-left">{{ column_comment }}</td>#}
                    {#</tr>#}
                    {#</thead>#}
                    {#<tbody>#}

                    {#{% if histories %}#}
                        {#{% for history in histories %}#}
                            {#<tr>#}
                                {#<td class="text-left">{{ history.date_added }}</td>#}
                                {#<td class="text-left">{{ history.status }}</td>#}
                                {#<td class="text-left">{{ history.comment }}</td>#}
                            {#</tr>#}
                        {#{% endfor %}#}
                    {#{% else %}#}
                        {#<tr>#}
                            {#<td colspan="3" class="text-center">{{ text_no_results }}</td>#}
                        {#</tr>#}
                    {#{% endif %}#}
                    {#</tbody>#}

                {#</table>#}
            {#{% endif %}#}

            {#{{ content_bottom }}#}
        </div>
    </div>
</div>
</body></html>